<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>借款能力筛选</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="../../vendors/iconfonts/mdi/css/materialdesignicons.min.css" type="text/css" rel="stylesheet"/>
    <link href="../../vendors/css/vendor.bundle.base.css" type="text/css" rel="stylesheet"/>
    <link href="../../css/style.css" type="text/css" rel="stylesheet"/>
    <link href="../../node_modules/jqvmap/dist/jqvmap.min.css" type="text/css" rel="stylesheet"/>

    <script src="../../vendors/js/vendor.bundle.base.js"></script>
    <script src="../../vendors/js/vendor.bundle.addons.js"></script>
    <script src="@{../../vendors/js/Calendar.js}"></script>
    <script src="../../js/off-canvas.js"></script>
    <script src="../../js/power.js"></script>
    <script src="../../js/misc.js"></script>


    <style type="text/css">
        #menu, #ac {
            list-style: none; /* 将默认的列表符号去掉 */
            padding: 0; /* 将默认的内边距去掉 */
            margin: 0; /* 将默认的外边距去掉 */
        }

        #ac li {
            float: left; /* 往左浮动 */
        }
        #anu{
            float: right;
        }
        .btn.btn-fw{
            min-width: 50px;
            width: 90px;
        }
        .btn1{
padding-left: 5px;
            line-height: 0px;
        }
        .btn-outline-dark {

            border-color:white;
        }

</style>
</head>

<body>
<div id="showBody">
</div>
<section>
    <div id="u19955" class="ax_default" data-left="39" data-top="19" data-width="167" data-height="16">

        <!-- Unnamed (Rectangle) -->
        <div id="u19956" class="ax_default label">
            <div id="u19956_div" class="">

            </div>

            <div id="u19956_text" class="text ">

                <p class="col-sm-6 col-md-4 col-lg-3">
                    <i class="mdi mdi-home"></i>
                    <span style="text-decoration:none;color:#333333;">首页/客户档案管理</span><span style="text-decoration:none;">/借款能力筛选</span></p>
            </div>
        </div>
    </div>
    <div class="box" >
        <div class="card-body" style="padding-top: 7px;">
            <form id="form" class="form-inline"  method="post">
                <input id="currentPageNo" name="currentPageNo" th:value="${page.pageIndex}" type="hidden"/>
                <input id="qryNum" name="qryNum" value="0"   type="hidden" class="form-control"/>
                <input id="qryMoney" name="qryMoney"  type="hidden" value="0" class="form-control"/>
                <input id="qryTime" name="qryTime"  type="hidden" value="0" class="form-control"/>
                <input id="qryType" name="qryType"  type="hidden" value="0" class="form-control"/>
                <input id="qryLebal" name="qryLebal"  type="hidden" value="0" class="form-control"/>
                <input id="qryRank" name="qryRank"  type="hidden" value="0" class="form-control"/>
                <div class="template-demo" style="{width: 100px}">
                    <span>最近借款：</span>
                    <button type="button" id="zj1" class="btn btn-outline-dark btn-fw btn1">1周内</button>
                    <button type="button" id="zj2" class="btn btn-outline-dark btn-fw btn1">2周内</button>
                    <button type="button" id="zj3" class="btn btn-outline-dark btn-fw btn1">1个月内</button>
                    <button type="button" id="zj4" class="btn btn-outline-dark btn-fw btn1">1个月前</button>
                    <button type="button" id="zj5" class="btn btn-outline-dark btn-fw btn1">2个月前</button>
                    <button type="button" id="zj6" class="btn btn-outline-dark btn-fw btn1">3个月前</button>
                    <button type="button" id="zj7" class="btn btn-outline-dark btn-fw btn1">6个月前</button>
                </div>
                <div class="template-demo" style="{width: 100px}">
                    <span>借款次数：</span>
                    <button type="button" id="btn1" class="btn btn-outline-dark btn-fw btn1">1次+</button>
                    <button type="button" id="btn2" class="btn btn-outline-dark btn-fw btn1">2次+</button>
                    <button type="button" id="btn3" class="btn btn-outline-dark btn-fw btn1">3次+</button>
                    <button type="button" id="btn4" class="btn btn-outline-dark btn-fw btn1">4次+</button>
                    <button type="button" id="btn5" class="btn btn-outline-dark btn-fw btn1">10次+</button>
                    <button type="button" id="btn6" class="btn btn-outline-dark btn-fw btn1">20次+</button>
                    <button type="button" id="btn7" class="btn btn-outline-dark btn-fw btn1">30次+</button>
                </div>
                <div class="template-demo" style="{width: 100px}">
                    <span>借款金额：</span>
                    <button type="button" id="btn8" class="btn btn-outline-dark btn-fw btn1">0-5000+</button>
                    <button type="button" id="btn9" class="btn btn-outline-dark btn-fw btn1">5001-10000+</button>
                    <button type="button" id="btn10" class="btn btn-outline-dark btn-fw btn1">1-3万+</button>
                    <button type="button" id="btn11" class="btn btn-outline-dark btn-fw btn1">3-5万+</button>
                    <button type="button" id="btn12" class="btn btn-outline-dark btn-fw btn1">5-10万+</button>
                    <button type="button" id="btn13" class="btn btn-outline-dark btn-fw btn1">10-30万+</button>
                    <button type="button" id="btn14" class="btn btn-outline-dark btn-fw btn1">30-100万+</button>
                </div>

                <div class="template-demo" style="{width: 100px}">
                    <span>贷款用途：</span>
                    <button type="button" id="yt1" class="btn btn-outline-dark btn-fw btn1">日常生活消费</button>
                    <button type="button" id="yt2" class="btn btn-outline-dark btn-fw btn1">提高生活质量</button>
                    <button type="button" id="yt3" class="btn btn-outline-dark btn-fw btn1">购物</button>
                    <button type="button" id="yt4" class="btn btn-outline-dark btn-fw btn1">教育支出</button>
                    <button type="button" id="yt5" class="btn btn-outline-dark btn-fw btn1">医疗</button>
                    <button type="button" id="yt6" class="btn btn-outline-dark btn-fw btn1">保险</button>
                    <button type="button" id="yt7" class="btn btn-outline-dark btn-fw btn1">资金周转</button>
                </div>

                <div class="template-demo" style="{width: 100px}">
                    <span>信用等級：</span>
                    <button type="button" id="dj1" class="btn btn-outline-dark btn-fw btn1">AA</button>
                    <button type="button" id="dj2" class="btn btn-outline-dark btn-fw btn1">A</button>
                    <button type="button" id="dj3" class="btn btn-outline-dark btn-fw btn1">B</button>
                    <button type="button" id="dj4" class="btn btn-outline-dark btn-fw btn1">C</button>
                    <button type="button" id="dj5" class="btn btn-outline-dark btn-fw btn1">D</button>
                    <button type="button" id="dj6" class="btn btn-outline-dark btn-fw btn1">E</button>
                    <button type="button" id="dj7" class="btn btn-outline-dark btn-fw btn1">HR</button>
                </div>

                <div class="template-demo" style="{width: 100px}">
                    <span>用户标签：</span>
                    <button type="button" id="bq1" class="btn btn-outline-dark btn-fw btn1">优质用户</button>
                    <button type="button" id="bq2" class="btn btn-outline-dark btn-fw btn1">潜在客户</button>
                    <button type="button" id="bq3" class="btn btn-outline-dark btn-fw btn1">高端客户</button>
                    <button type="button" id="bq4" class="btn btn-outline-dark btn-fw btn1">可再次推销客户</button>
                    <button type="button" id="bq5" class="btn btn-outline-dark btn-fw btn1">流失客户</button>
                    <button type="button" id="bq6" class="btn btn-outline-dark btn-fw btn1">普通客户</button>
                </div>


                <button id="submit" type="button" class="btn btn-gradient-primary btn-sm" style="margin: -3px 20px 0px 10px  ">查询</button>
            </form>

        </div>
    </div>

    <div class="box2">

        <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;font-size:12px;text-decoration:none;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;text-decoration:none;">数据列表</span></p>

    </div>

    <div id="u19876" class="ax_default _默认样式">
        <div id="u19876_div" class="">

        </div>
        <div id="u19876_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
    <div class="col-lg-12 stretch-card">
        <div class="card">
            <div class="card-body" style="padding-top: 0px">

                <table class="table table-bordered" >
                    <thead>
                    <tr>

                        <th>

                            <input type="checkbox"  />
                            全选


                        </th>
                        <th>
                            用户ID
                        </th>
                        <th>
                            用户手机号
                        </th>
                        <th>
                            用户姓名
                        </th>
                        <th>
                            会员等级
                        </th>
                        <th>
                            贷款金额
                        </th>
                        <th>
                            贷款笔数
                        </th>
                        <th>
                            剩余贷还
                        </th>
                        <th>
                            账户启用状态
                        </th>
                        <th>
                            操作
                        </th>
                    </tr>
                    </thead>
                    <tbody >
                    <tr th:attr="id=${user.userId }+'_row'" th:each="user:${querypowerUserList}" class="table-info">




                        <td> <input type="checkbox"  /></td>
                        <input type="hidden" th:attr="id=${user.userId }+'_userId'" th:value="${user.userId}"/>
                        <td th:text="${user.userId}"></td>
                        <td th:text="${user.userPhone}"></td>
                        <td th:text="${user.userName}"></td>
                        <td th:text="${user.userRank}"></td>
                        <td th:text="${user.loanMoney}"></td>
                        <td th:text="${user.loanNum}"></td>
                        <td th:text="${user.remain}"></td>
                        <td th:text="${user.condition}"></td>
                        <td >
                            <span><a href="javascript:;" class="userDel" th:onclick="'del(this)'" th:attr="userid=${user.userId }">
                            删除</a></span>
                        </td>

                    </tr>
</tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="page-bar">
        <ul class="page-num-ul clearfix">
            <li>共<span th:text="${page.totalCount }"></span>条记录&nbsp;&nbsp; <span th:text="${page.pageIndex}"></span>/<span th:text="${page.totalPageCount}"></span> 页</li>
            <button th:onclick="'javascript:pageQry(document.forms[0],1)'" th:if="${page.pageIndex gt 1 }">首页</button>
            <button th:onclick="'javascript:pageQry(document.forms[0],'+${page.pageIndex - 1}+')'"  th:if="${page.pageIndex gt 1 }">上一页</button>

            <button th:onclick="'javascript:pageQry(document.forms[0],'+${page.pageIndex + 1}+')'" th:if="${page.pageIndex lt page.totalPageCount}">下一页</button>
            <button th:onclick="'javascript:pageQry(document.forms[0],'+${page.totalPageCount}+')'" th:if="${page.pageIndex lt page.totalPageCount}">最后一页</button>
            &nbsp;&nbsp;
        </ul>
        <span class="page-go-form"><label>跳转至</label>
             <input type="hidden" id="totalPageCount" th:value="${page.totalPageCount}"/>
             <input type="text" name="inputPage" id="inputPage" class="page-key"/>页
             <button type="button" class="page-btn"
                     th:onClick="'jumpPage(document.forms[0],document.getElementById(\''+inputPage+'\').value)'">GO</button>
		</span>
    </div>


</section>


<script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
<script type="text/javascript" th:src="@{/layer/layer.js}"></script>

<script type="text/javascript">

    //01.分页查询
    function pageQry(form, pageIndex) {

        $.ajax({
            type:"post",
            url:"/zjs/qryPagePowerAll?currentPageNo="+pageIndex+"",
            data:"page=1",
            success: function(){
                window.location.href = "/zjs/qryPagePowerAll?currentPageNo="+pageIndex;
                // $("#Conframe").load("/zjs/qryPagePowerAll?currentPageNo="+pageIndex+"");


            },
            error:function () {
                alert("错误");


            }
        })

    }

    //02.跳转页查询
    function jumpPage(form, jumpPageIndex) {
        //01.数字校验
        var reg = /^[1-9]\d{0,}$/;
        if (!reg.test(parseInt(jumpPageIndex))) {
            alert("请输入合法的数字");
            return;
        }
        //02.范围校验：当前页不能大于总页数
        if (jumpPageIndex > document.getElementById("totalPageCount").value) {
            alert("已经是最后一页!");
            return;
        }
        $.ajax({
            type:"post",
            url:"/zjs/qryPagePowerAll?currentPageNo="+jumpPageIndex+"",
            data:"page=1",
            success: function(){
                window.location.href ="/zjs/qryPagePowerAll?currentPageNo="+jumpPageIndex;
                    // $("#Conframe").load("/zjs/qryPagePowerAll?currentPageNo="+jumpPageIndex+"");


            },
            error:function () {
                alert("错误");


            }
        })
    }

    //查询
    $("#submit").click(function () {

        // var nowdate = new Date();
        // var y = nowdate.getFullYear();
        // var m = nowdate.getMonth()+1;
        // var d = nowdate.getDate();
        // var formatnowdate = y+'-'+m+'-'+d;
        // $("#enddate").datebox("setValue",formatnowdate);

// alert(formatnowdate)
        $.ajax({
            type: "post",
            dataType: "text",
            url: "/zjs/qryPagePowerAll?currentPageNo=1",
            data:$("#form").serialize(),
            success: function (data) {
                // alert($("#form").serialize())
                window.location.href ="/zjs/qryPagePowerAll?"+$("#form").serialize();
                // $("#Conframe").load("/zjs/qryPagePowerAll?"+$("#form").serialize()+"");

            },
            error: function () {
                alert("错误");


            }


        });
    })
</script>
<script type="text/javascript">

    $("#btn1").click(function () {
        $("#qryNum").val("1");
    })
    $("#btn2").click(function () {
        $("#qryNum").val("2");
    })
    $("#btn3").click(function () {
        $("#qryNum").val("3");
    })
    $("#btn4").click(function () {
        $("#qryNum").val("4");
    })
    $("#btn5").click(function () {
        $("#qryNum").val("10");
    })
    $("#btn6").click(function () {
        $("#qryNum").val("20");
    })
    $("#btn7").click(function () {
        $("#qryNum").val("30");
    })
    $("#btn8").click(function () {
        $("#qryMoney").val("1");
    })
    $("#btn9").click(function () {
        $("#qryMoney").val("2");
    })
    $("#btn10").click(function () {
        $("#qryMoney").val("3");
    })
    $("#btn11").click(function () {
        $("#qryMoney").val("4");
    })
    $("#btn12").click(function () {
        $("#qryMoney").val("5");
    })
    $("#btn13").click(function () {
        $("#qryMoney").val("6");
    })
    $("#btn14").click(function () {
        $("#qryMoney").val("7");
    })
    $("#zj1").click(function () {
        $("#qryTime").val("1");
    })
    $("#zj2").click(function () {
        $("#qryTime").val("2");
    })
    $("#zj3").click(function () {
        $("#qryTime").val("3");
    })
    $("#zj4").click(function () {
        $("#qryTime").val("4");
    })
    $("#zj5").click(function () {
        $("#qryTime").val("5");
    })
    $("#zj6").click(function () {
        $("#qryTime").val("6");
    })
    $("#zj7").click(function () {
        $("#qryTime").val("7");
    })
    $("#yt1").click(function () {
        $("#qryType").val("1");
    })
    $("#yt2").click(function () {
        $("#qryType").val("2");
    })
    $("#yt3").click(function () {
        $("#qryType").val("3");
    })
    $("#yt4").click(function () {
        $("#qryType").val("4");
    })
    $("#yt5").click(function () {
        $("#qryType").val("5");
    })
    $("#yt6").click(function () {
        $("#qryType").val("6");
    })
    $("#yt7").click(function () {
        $("#qryType").val("7");
    })
    $("#bq1").click(function () {
        $("#qryLebal").val("1");
    })
    $("#bq2").click(function () {
        $("#qryLebal").val("2");
    })
    $("#bq3").click(function () {
        $("#qryLebal").val("3");
    })
    $("#bq4").click(function () {
        $("#qryLebal").val("4");
    })
    $("#bq5").click(function () {
        $("#qryLebal").val("5");
    })
    $("#bq6").click(function () {
        $("#qryLebal").val("6");
    })
    $("#dj1").click(function () {
        $("#qryRank").val("1");
    })
    $("#dj2").click(function () {
        $("#qryRank").val("2");
    })
    $("#dj3").click(function () {
        $("#qryRank").val("3");
    })
    $("#dj4").click(function () {
        $("#qryRank").val("4");
    })
    $("#dj5").click(function () {
        $("#qryRank").val("5");
    })
    $("#dj6").click(function () {
        $("#qryRank").val("6");
    })
    $("#dj7").click(function () {
        $("#qryRank").val("7");
    })
</script>
</body>
</html>